@import "@/styles/flex-init.scss";

.no-data {
  @extend .f-center;
  height: calc(100vh - 40px);
  color: $uni-text-color-grey;
}

.table {
  width: 100%;

  .item {
    background: $fff;
    margin-top: 5px;

    .left {
      @extend .f-j-between;
      flex: 2;
      flex-wrap: wrap;
      flex-shrink: 0;
      padding: 0 4px;
      height: 30px;
      word-break: break-all;
      border-bottom: var(--primary-plain-line);

      .tag {
        position: absolute;
        left: 0;
        height: 20px;
        width: 4px;
        background-color: var(--primary);
      }
    }

    .right {
      flex: 8;
      padding: 0 10px 5px 10px;
      position: relative;

      .multiple,
      .multiple-active {
        position: absolute;
        right: 0px;
        top: 2px;
        border-radius: 50%;
        font-size: 16px;
      }

      .main-multiple {
        right: 25rpx;
        top: -26px;
      }

      .multiple {
        color: var(--primary-plain);
      }

      .multiple-active {
        color: var(--primary);
      }

      .child {
        > view {
          position: relative;

          .child-item {
            position: relative;
            @extend .f-align-center;
            border-bottom: var(--primary-plain-line);
            padding-left: 5px;

            .special-field {
              right: 0;
              padding: 2px 15px;
              border-radius: 5px;
              background-color: var(--primary);
              font-weight: bold;
            }
          }
        }

        .bottom {
          margin-bottom: 0px;
        }
      }

      .border-bottom {
        border-bottom: var(--primary-plain-dashed-line);
      }

      .child-item {
        font-size: 12px;
        padding: 3px 0;

        .label {
          color: var(--primary-text-label);
          white-space: nowrap;
        }

        .bold-label {
          font-weight: bold;
          white-space: nowrap;
        }

        .value {
          color: var(--primary-text-value);
          white-space: nowrap;
          text-align: right;
          padding-right: 5px;
        }
      }
    }
  }
}
